<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Studeon</title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="./css/style10.26.css"/>
	</head>
	<body>
		<header>
		<div class="logo">
			<img class="fl i" src="case4/images/logo.png" style="padding-top: 19px;">
			<div class="navigation fl">
				<li class="fl a1"><a href="">Home</a></li>
				<li class="fl a2"><a href="">About</a></li>
				<li class="fl a3"><a href="">Porfolio</a></li>
				<li class="fl a4"><a href="">Features</a></li>
				<li class="fl a5"><a href="">Blog</a></li>
				<li class="fl a6"><a href="">Contact</a></li>
				<div class="fl img2"></div>
			</div>
		</div>
		</header>
		<div class="banner">
			<div class="banner_l"><img src="case4/images/banner_l_03.png" ></div>
			<div class="rect fl"></div>
			<div class="rect2 fl"></div>
			<div class="rect3 fl"></div>
			<div class="rect4 fl"></div>
			<div class="banner_r fr"><img src="case4/images/slide1.png" ></div>
		</div>
		
		
		<div class="events">
				<div class="part1 fl">
					<div class="part1-1">
						<a href="">
							<div class="icon1">
								<p class="p1">EVENTS PLANNING</p>
								<p class="p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
							</div>
						</a>
					</div>
				</div>
				<div class="part2 fl">
					<div class="part1-1">
						<a href="">
							<div class="icon2">
								<p class="p1">MASTERING DESIGN</p>
								<p class="p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
							</div>
						</a>
					</div>
				</div>
				<div class="part3 fl">
					<div class="part1-1">
						<a href="">
							<div class="icon3">
								<p class="p1">EXPERT DEVELOPERS</p>
								<p class="p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
							</div>
						</a>
					</div>
				</div>
				<div class="part4 fl">
					<div class="part1-1">
						<a href="">
							<div class="icon4 fl">
								<p class="p1">ATTENSION TO DETAILS</p>
								<p class="p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
							</div>
						</a>
					</div>
				</div>
				<div class="part5 fl">
					<div class="part1-1">
						<a href="">
							<div class="icon5">
								<p class="p1">ANOTHER COOL SERVICE.</p>
								<p class="p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
							</div>
						</a>
					</div>
				</div>
				<div class="part6 fl">
					<div class="part1-1">
						<a href="">
							<div class="icon6">
								<p class="p1">EVENTS PLANNING</p>
								<p class="p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
							</div>
						</a>
					</div>
				</div>
			</div>
		<div class="xian w"></div>
		<div class="purchase">
			<p class="p3">HI THERE. I AM A THEME, WITH ATTITUDE. I AM ALSO RESPONSIVE, EASY DO EDIT. WHY DON'T YOU TRY ME ?</p>
			<p class="p4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			<div class="btn"></div>
		</div>
		<div class="portfolio w">
			<h4>THE PORTFOLIO</h4>
			<div class="pfimg w fl">
				<div class="i1 fl">
					<div class="im1">
						<div class="im11"></div>
						<p>I AM AN AMAZING PROJECT</p>
						<p class="p5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
				</div>
				<div class="i2 fl">
					<div class="im2">
						<div class="im11"></div>
						<p>I AM AN AMAZING PROJECT</p>
						<p class="p5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
				</div>
				<div class="i3 fl">
					<div class="im3">
						<div class="im11"></div>
						<p>I AM AN AMAZING PROJECT</p>
						<p class="p5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
				</div>
				<div class="i4 fl">
					<div class="im4">
						<div class="im11"></div>
						<p>I AM AN AMAZING PROJECT</p>
						<p class="p5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="xian2 w"></div>
		<div class="email">
			<p class="p3">SUBSCRIBE TO OUR NEWSLETTER. WE HATE SPAM AS MUCH AS YOU DO, SO NO WORRIES.</p>
			<p class="p4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			<div class="em2"></div>
		</div>
		
		
		<div class="bloggy w">
			<div class="part1 fl">
				<h4 class="bh41">OUR BLOGGY</h4>
				<div class="im1"></div>
				<p class="p6">JUST A COOL BLOG POST TITLE HERE.</p>
				<p class="p7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
				<p class="p8">Read more</p>
			</div>
			<div class="part2 fl">
				<div class="im2"></div>
				<p class="p6">JUST A COOL BLOG POST TITLE HERE.</p>
				<p class="p7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
				<p class="p8">Read more</p>
			</div>
			<div class="part3 fl">
				<h4 class="bh42">TESTIMONIALS</h4>
				<div class="im3">
					
					<div class="im3-1 fl"></div>
					<div class="p9 fl"><a href="">VERY PLEASED WITH THE COOL SERVICES PROVIDED.<br><br>
					<span class="p10">Linda Scott / Webdesigner</span>
					<span class="p11"> http://www.mywebsite.com</span></a></div>
					<div class="im3-1-1"></div>
					<div class="p12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.
</div>

					<div class="im3-2 fl"></div>
					<div class="p9 fl"><a href="">VERY PLEASED WITH THE COOL SERVICES PROVIDED.<br><br>
					<span class="p10">Linda Scott / Webdesigner</span>
					<span class="p11"> http://www.mywebsite.com</span></a></div>
					<div class="im3-1-1"></div>
					<div class="p12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.
					</div>
			</div>
			
		</div>
	
		<div class="foot"></div>
		<h1 style="text-align: center;">开发者： 192056222 冷奇松</h1>
</body>
</html>
